  // 顶部样式
  .img_head_picture {
  	width: 100%;
  	height: 102rpx;
	background-color: #FFFFFF;
  	.bg_img{
  		position: relative;
  		width:100%;
  		image{
  			width:100%;
  			height: 332rpx;
  			position: absolute;
  			top:0;
  		}
  	}
  	.main_txt{
  		position: relative;
  	}
  	.title {
  		font-size: 34rpx;
  		font-family: PingFangSC-Semibold, PingFang SC;
  		font-weight: 600;
  		color: rgba(255, 255, 255, 1);
  		display: block;
  		text-align: center;
  		padding-top: 56rpx;
  	}
  	.title_bottom {
  		display: flex;
  		margin: 30rpx 0 0 70rpx;
  		align-items: center;
  		.img_box {
  			width: 120rpx;
  			height:120rpx;
  			image {
  				width: 120rpx;
  				height: 120rpx;
  				border-radius: 50%;
  			}
  		}
  		.text_box {
  			margin-left: 24rpx;
  			.teacher-name {
  				font-size: 36rpx;
  				font-family: PingFangSC-Semibold, PingFang SC;
  				font-weight: 600;
  				color: rgba(255, 255, 255, 1);
  				display: block;
  			}
  			.statistical {
  				display: flex;
  				align-items: center;
  				image {
  					display: block;
  					width: 32rpx;
  					height: 28rpx;
  					margin-right: 16rpx;
  				}
  				text {
  					display: block;
  					font-size: 28rpx;
  					font-family: PingFangSC-Regular, PingFang SC;
  					font-weight: 400;
  					color: rgba(255, 255, 255, 1);
  				}
  			}
  		}
  	}
  }
	// 顶部样式-结束
	
	// 
	.box-main{
		width:640rpx;
		border-radius:47rpx;
		background: #fff;
		margin: 0 auto;
		position: relative;
		.icon-tips{
			width:164rpx;
			height:164rpx;
			line-height:164rpx;
			background:rgba(223,80,102,1);
			border-radius:50%;
			text-align: center;
			position:absolute;
			left:38%;
			top:-84rpx;
			text{
				font-size:120rpx;
				color:#fff;
			}
		}
		.dialog_content{
			padding:56rpx;
			text-align:center;
			text{
				font-size:52rpx;
				color:#DE5B79;
				padding: 60rpx 0 50rpx;
				display: block;
			}
			uni-textarea{
				height:200rpx;
				margin-bottom:60rpx;
				border:2rpx solid #eee;
				border-radius:15rpx;
				text-align: left;
			  padding:3%;
			}
			.dialog_list{
				font-size: 34rpx;
				color: #8E8E93;
				line-height:54rpx;
			}
			.make-order{
				 width:320rpx;
				 height:98rpx;
				 line-height: 98rpx;
				 background: #B61D24;
				 text-align: center;
				 font-size:37rpx; color:#fff;
				 border-radius: 80rpx;
				 margin:40rpx auto;
			}
		}
	}
	
	
	// 底部 button
	.my_bottom-button-box {
		width:100%;
		display: flex;
		justify-content: space-between;
		font-size:36rpx;
		font-family:PingFangSC-Regular,
		PingFang SC;
		font-weight:400;
		color: #B61D24;
		width: 50%;
		height: 110rpx;
		text-align: center;
		line-height: 110rpx;
		.left {
			font-size: 36rpx;
			font-weight: 400;
			width: 50%;
			height: 110rpx;
			text-align: center;
			line-height: 110rpx;
			background: #fff;
			border-top-right-radius: 80rpx;
			image {
				width: 22rpx;
				height: 28rpx;
				margin-right: 20rpx;
			}
			
		}
		.right {
			font-size: 36rpx;
			font-weight: 400;
			width: 50%;
			height: 110rpx;
			text-align: center;
			line-height: 110rpx;
			background: rgba(102, 184, 162, 1);
			color: #fff;
			border-top-left-radius: 80rpx;
		}
	}
 	// 底部 button
	
	// 成长手册弹窗
	.dialog-min{
		width:100%;
		height:100%;
		background-color: rgba(0, 0, 0, 1);
		z-index:1;
		.dialog{
			
		}
	}
	
	
	// 动态-遮罩弹框start

	.my_popup_wd_box {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 10;
	    background-color: rgba(0, 0, 0, 0.9);
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    z-index: 11;
	    -webkit-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	    -webkit-transform: translateY(100%);
	    transform: translateY(100%);
			&.my_on {
			    -webkit-transform: translateY(0);
			    transform: translateY(0); 
			}
	}
	.my_popup_wd_box .dialog_status {
	    width: 100%;
	    background-color: #FFFFFF;
	    z-index: 12;
	    border-radius: 6px;
		  height:auto;
	}
	// // 动态-遮罩弹框
	
	// 表单样式
	.my_from-box {
		width: 92%;
		margin: 40rpx auto;
		.empty-box {
			position:relative;
			margin-top: 40rpx;
			.title {
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(102, 102, 102, 1);
			}
			.txt-input {
				margin-top: 10rpx;
				background: #fff;
				border:1px solid rgba(151,151,151,0.2);
				height: 80rpx;
				padding-left: 20rpx;
				border-radius: 8rpx;
		}
		.empty-box-icon {
			position: relative;
			image {
				width: 32rpx;
				height: 18rpx;
				position: absolute;
				right: 40rpx;
				bottom: 32rpx;
			}
		}
	}
	}
	// 表单样式end
	
	// 三角-下
	 .arrow-bt::after {
		 position: absolute;
		 top:76rpx; right:30rpx;
		 content: '';
		 width: 20rpx;
		 height: 20rpx;
		 border-right: 2rpx solid #666;
		 border-bottom: 2rpx solid #666;
		 transform: rotate(45deg);
	 }
	
	// 上传图片start
	.my_photo-box {
		padding-bottom: 50px;
		display: flex;
		// justify-content: space-between;
		flex-wrap: wrap;
		.allimg{
			width:160rpx;
			height:140rpx;
			position: relative;
			margin-right:20rpx;
			image{
				width:160rpx;
				height:140rpx;
				border:2rpx solid #e9e9e9;
			}
			text{
			  position: absolute;
				top:-20rpx; right:-18rpx;
			}
		}
		.first {
			width: 160rpx;
			height: 140rpx;
			border-radius:8rpx;
			background: #D1D1D6;
			.empty-box {
				text-align: center;
				image {
					width: 50rpx;
					height: 42rpx;
					display: block;
					margin: 0px auto;
					// padding-top: 20px;
				}
				text {
					display: block;
					font-size: 20rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: rgba(51, 51, 51, 0.5);
				}
			}
		}
		.second {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-left: 10rpx;
			image {
				width: 44rpx;
				height: 44rpx;
			}
		}
	}
	// 上传图片end
	
	
	
	
	
	.loading-text{
		text-align: center;
		display: block;
		margin-bottom: 15px;
		font-size: 14px;
	}
	.whiteBackground {
		background: #FFFFFF;
		height: 100%;
		min-height: 100vh;
	}

	.demo {
		background: #FFFFFF !important;
		border: 1px solid #e9e9e9 !important;
	}

	.input-font-size {
		font-size: 15px;
		padding-left: 10px;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		background: #FFFFFF !important;
		border: 1px solid #e9e9e9 !important;

	}

	.my_border {
		border: 1px solid #e9e9e9;
	}

	.box-shadow-button {
		box-shadow: 0px 3px 0px -1px #B61D24;
	}
	
	
	
	/* 没有数据的背景图
	<view v-if="newArrTime == '' " class="conten-box-second_noNumber">
		<view class="img-text">
			<image src="../../../static/zaojiao_img/meirikecheng/tishi.png" mode=""></image>
			<text>暂无数据</text>
		</view>
	</view>
	*/
.conten-box-second_noNumber {
		display: flex;
		justify-content: center;
		
		.img-text {
			margin-top: 50px;
			image {
				width: 200px;
				height: 219px;
			}
			text {
				display: block;
				font-size:14px;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(199,199,204,1);
				text-align: center;
				padding-top: 20px;
			}
		}
	}
	/*每个页面公共css */
	/* 	uni-tabbar .uni-tabbar__icon { 
		width: 68upx;
		height: 86upx;
	} */

	/* input框公共样式  
	<input class="my_input" type="text" placeholder="请输入" style="padding-left: 5px;"/>
	*/
	.my_input {
		background-color: #f4f4f4;
		height: 41px;
		margin-top: 8px;
	}

	/*   中间的类容 
	<view class="my_content_outside">
		
	</view>
	*/
	.my_content_outside {
		width: 95%;
		margin: 5% auto 4%;
	}

	.img_head_picture {
		position: relative;

		.img-box-position {
			position: absolute;
			display: flex;
			justify-content: space-between;
			left: 20rpx;
			top: 52rpx;
			width:100rpx;
			height:60rpx;
			font-size: 32rpx;
			color: #fff;
			.return-img {
				width: 14rpx;
				height: 26rpx;
				display: inline-block;
				margin: 16rpx auto;
			}
		}
	}



	// 公用弹框样式 例子 食谱编辑
	/*
			
			.head {
				width: 92%;
				margin: 20px auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
			
				text {
					font-size: 18px;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: rgba(51, 51, 51, 1);
				}
			
				image {
					width: 13px;
					height: 13px;
				}
			}
		  */



	/* 公用 文本框展示  例子 交办事项查看
		<view class="my_content_view">
			<view class="public-box">
		 		<text class="top">具体上学时间</text>
		 		<text class="bottom"><text>8:00-8:30</text></text>
		 	</view>
		</view>	  */
	.my_content_view {
		padding-bottom: 40px;

		.public-box {
			width: 92%;
			margin: 20px auto 0;

			.top {
				display: block;
				font-size: 16px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(102, 102, 102, 1);
			}

			.bottom {
				display: block;
				width: 100%;
				height: 41px;
				background: #f4f4f4;
				border: 1px solid #e0e0e0;
				border-radius: 2px;
				line-height: 41px;
				margin-top: 10px;

				text {
					font-size: 16px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
					margin-left: 20px;
				}

			}

			.bottom-second {
				display: block;
				background: #f4f4f4;

				text {
					font-size: 16px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
					display: block;
					width: 92%;
					margin: 0px auto;
					padding: 10px 0;
				}
			}
		}
	}

	/*添加  图标公用 样式		
		     <view class="my_add-button">
		     	<image @click="add_editor" src="../../../static/public_icon/xingzhuang.png" mode=""></image>
		     </view>
		*/
	.my_add-button {
		position: fixed;
		width: 64px;
		height: 64px;
		bottom: 45px;
		right: 26px;

		image {
			width: 64px;
			height: 64px;
		}
	}


	/*  公用的 日历显示样式
			<view class="my_content_outside">
				<view class="my_calendar-box">
					<image @click="open" src="../../../static/meiri_xia/baiding_rili.png" mode=""></image>
					<text>{{data.time}}</text>
				</view>	
			</view>
		*/
	.my_calendar-box {
		width: 110px;
		height: 30px;
		background: rgba(13, 56, 110, 1);
		border-radius: 3px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		image {
			width: 16px;
			height: 15px;
			margin-left: 10px;
		}

		text {
			font-size: 11px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			margin-right: 15px;
		}
	}


	/*  编辑 查看 和 状态显示
	   
	   <view class="my_type_content-box" v-for="(item,index) in listData" :key="index">
	   	<view class="left-box">
	   		<view class="img">
	   			<image src="../../../static/index-icon/gerenzx2.png" mode=""></image>
	   		</view>
	   		<view class="info">
	   			<view class="top">
	   				<text class="name">{{item.name}}</text>
	   				<text class="time">{{item.time}}</text>
	   			</view>
	   			<view class="type">
	   				<text>{{item.type}}</text>
	   			</view>
	   		</view>
	   	</view>
	   	<view class="but-box">
	   		<view @click="open_view" class="According first">
	   			查看
	   		</view>
	   		<view @tap="click_editor" class="According second">
	   			编辑
	   		</view>
	   	</view>
	   </view>
	   
	   FFEBEA  E5F1FF  EEEEFA
	   */
	.my_type_content-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 90%;
		height: 76px;
		// border: 1px solid red;
		box-shadow: 2px 2px 2px 2px #eee;
		margin: 4% auto;

		.left-box {
			display: flex;
		}

		.img {
			width: 40px;
			height: 40px;
			border-radius: 100%;
			overflow: hidden;
			margin: 0 4px;

			image {
				width: 40px;
				height: 40px;
			}
		}

		.info {
			.top {
				.name {
					font-size: 14px;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: rgba(0, 0, 0, 0.8);
				}

				.time {
					font-size: 9px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0, 0, 0, 0.4);
					margin-left: 10px;
				}
			}

			.type {

				text {
					font-size: 11px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0, 0, 0, 0.4);
					border-radius: 4px;
					padding: 4px 0 0 0;
					background: #FFEBEA;
					display: block;
					padding: 0 5px;
					float:left;
					margin-right:2px;
				}
			}
		}

		.but-box {
			display: flex;

			// border: 1px solid red;justify-content: center;
			.According {
				width: 2.5rem;
				height: 34px;
				font-size: 11px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
				text-align: center;
				border-radius: 25px;
				line-height: 34px;
				margin-right: 10px;
				// box-shadow: 2px 2px 2px 2px #eee;
			}

			.first {
				background: rgba(181, 29, 35, 1);
			}

			.second {
				background: rgba(13, 56, 110, 1);
			}
		}
	}


	/*
	<view class="my_error" :class="{my_on:1}">
		<text>请输入有效验证码</text>
	</view>
	
	<view class="my_error my_error_second" :class="{my_on:1}">
		<text>请联系园区老师添加权限</text>
	</view>
	*/
	.my_error {
		width: 227px;
		height: 49px;
		background: rgba(92, 92, 92, 1);
		border-radius: 8px;
		margin: 0 auto;
		text-align: center;
		line-height: 48px;
		position: fixed;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		transition: all 0.5s ease-in-out;
		transform: translateY(-100%);

		&.my_on {
			transform: translateY(100%);
		}

		text {
			font-size: 16px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
		}
	}

	.my_error_second {
		width: 227px;
		height: 49px;
		background: rgba(92, 92, 92, 1);
		border-radius: 8px;
		margin: 0 auto;
		text-align: center;
		line-height: 48px;
		position: fixed;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		transition: all 0.5s ease-in-out;
		transform: translateY(-100%);

		&.my_on {
			transform: translateY(230%);
		}

		text {
			font-size: 16px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
		}
	}

	/* 星期几选择
   
   <view class="my_date_select_box">
   	<view class="top-box">
   		<view class="left">
   			<image class="img-one" src="../../../static/shipu/shijianjihuazuo.png" mode=""></image>
   			<image class="img-tow" src="../../../static/shipu/shijian.png" mode=""></image>
   			<text>上周</text>
   		</view>
   
   		<view class="center">
   			本周计划
   		</view>
   
   		<view class="left">
   			<text>下周</text>
   			<image class="img-tow" src="../../../static/shipu/shijian.png" mode=""></image>
   			<image class="img-one" src="../../../static/shipu/shijianjihuayou.png" mode=""></image>
   		</view>
   </view>
   
   	<view class="week">
   		<view class="date" v-for="(item,index) in week" :key="index">
   			<text class="week_to">{{item.we}}</text>
   			<text class="date_to">{{item.da}}</text>
   		</view>
   	</view>
   </view>
   week: [{
   	we: '一',
   	da: 22
   }, {
   	we: '二',
   	da: 23
   }, {
   	we: '三',
   	da: 24
   }, {
   	we: '四',
   	da: 25
   }, {
   	we: '五',
   	da: 26
   }, {
   	we: '六',
   	da: 27
   }, {
   	we: '日',
   	da: 28
   }],
   */

	.my_date_select_box {
		width: 90%;
		margin: 20px auto;

		.top-box {
			display: flex;
			justify-content: space-between;

			.left {
				display: flex;
				align-items: center;

				.img-one {
					width: 7px;
					height: 9px;
				}

				.img-tow {
					width: 15px;
					height: 15px;
					margin: 0 10px;
				}

				text {
					font-size: 13px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
				}
			}

			.center {
				font-size: 13px;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: rgba(13, 56, 110, 1);
			}
		}

		.week {
			display: flex;
			justify-content: space-between;
			margin-top: 10px;

			.date {
				width: 100%;
				// border: 1px solid red;
				text-align: center;
				display: flex;

				text {
					display: block;
					width: 20%;
				}

				.week_to {
					font-size: 11px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(102, 102, 102, 1);
				}

				.date_to {
					font-size: 13px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
					width: 24px;
					height: 24px;
					display: block;
					border-radius: 100%;
					text-align: center;
					line-height: 24px;
					margin: 0 auto;

					&.blue {
						background: rgba(13, 56, 110, 1);
						color: #FFFFFF;
					}
				}
			}
		}
	}
